*{
    margin: 0;
    padding: 0;
}
#home{
    margin: 27% 2% 0% 2%;
    li{
        margin-bottom: 2%;
        height:114px;
        text-align: center;
        
    }
   .Border{
       border-bottom: 1px solid gainsboro;
   }
    
    .block{
        display: inline-block;
        vertical-align:top;
        text-align: left;
       
       
        
    }
    .middle-left{
        float: left;
     width:84px;
     img{
         height:110px;
         width: 84px;
     }
        
    }
    .middle{
      min-width:156px;
      float: left;

        width:54%;
        margin-left: 2%;
        .middle-top{
        text-overflow:ellipsis; //文本溢出的裁切方式   ellipsis用省略号
        white-space: nowrap;    //是否换行   nowrap不换行
        overflow: hidden;      // 超出部分隐藏
        font-size: 16px;
        color: black;
        font-weight:700;
        i{
        display: inline-block;
        margin-left:2% ;
      img{
            width:41%;
        }
    }
        }
        .wish{
            font-size: 14px;
            margin-top: 5px;
            i{
               color: orange;
               display: inline-block; 
            }
            
        }
        .dianpin{
            font-size: 14px;
            margin-top: 5px;
            i{
               color: orange;
               display: inline-block; 
            }
            
        }
        .star,.showInfo{
        text-overflow:ellipsis; //文本溢出的裁切方式   ellipsis用省略号
        white-space: nowrap;    //是否换行   nowrap不换行
        overflow: hidden;      // 超出部分隐藏
         font-size: 14px;
         margin-top: 5px;
        
        }
        
    }
    .middle-right{
        float: right;
        height: 30px;
       
        border-radius: 3px;
        width:38px;
        text-align: center;
        color: white;
        line-height: 30px;
        margin-top:6%;
        
    }
    .goupiao{
         background:orangered;
    }
    .yushou{
         background: skyblue;
    }
    .cliearfix{
        clear: both;
    }
}
